import React, { memo } from "react";
import "./index.scss";

import { hotRadios } from "common/local-data";
import HYThemeHeaderSmall from "components/theme-header-small";

const WYHotRadio = memo(function (props) {
  return (
    <div className="re-hot-radio">
      <HYThemeHeaderSmall title="热门主播" />
      {hotRadios.map((item, index) => (
        <div className="item" key={index}>
          <a href="abc" className="image">
            <img src={item.picUrl} alt="item.name" />
          </a>
          <div className="info">
            <div className="name">{item.name}</div>
            <div className="position text-nowrap">{item.position}</div>
          </div>
        </div>
      ))}
    </div>
  );
});

export default WYHotRadio;
